{% extends 'basic/component.html' %}
{% load i18n %}
{% load static %}

{% block pageTitle %}
{% trans 'My Sources Page' %}
{% endblock %}


{% block pageHeadExtra %}
    <link href="{% static 'css/storage/my_data.css' %}" rel="stylesheet">
    <link href="{% static 'css/main.css' %}" rel="stylesheet">
{#    fsch把其中的footer注释掉了#}
{% endblock %}


{% block pageBody %}
<div class="container">
    <div class="content">
        <div class="row">
            <div class="col-md-2">
                <ul class="nav nav-pills nav-stacked">
                    <li class="active">
                        <a href="#mydata" class="collapsed" data-toggle="collapse" data-target="#data-navbar"
                           style="background-color: #101010;font-size: 18px;"><i class="fa fa-navicon" aria-hidden="true"></i>{% trans 'My datas' %}</a>
                        <ul id="data-navbar" class="nav nav-pills nav-stacked collapse in self-nav">
                            <li class="active"><a href="#data" data-toggle="tab">{% trans 'datas' %}</a></li>
                            <li><a href="#templates" data-toggle="tab">{% trans 'templetes' %}</a></li>
                            <li><a href="#dataset" data-toggle="tab">{% trans 'datasets' %}</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="{% url 'mlplatform:my_tasks' %}" style="font-size: 18px;"><i class="fa fa-navicon" aria-hidden="true"></i>&nbsp;&nbsp;{% trans 'ML tasks' %}</a>
                    </li>
                    <li>
                        <a href="{% url 'mlplatform:my_vrtasks' %}" style="font-size: 18px;"><i class="fa fa-navicon" aria-hidden="true"></i>&nbsp;&nbsp;{% trans 'VR tasks' %}</a>
                    </li>
                </ul>
            </div>
            <div class="col-md-10">
                <div class="profile-content">
                <div class="tab-content">
                    <div id="data" class="tab-pane active">
                        <div class="horizontal statistic small">
                            <div id="datameta-count" class="value">0</div>
                            <div class="label">{% trans 'Results' %}</div>
                            <div class="text-right add-ds">
                                <span class="btn-group">
                                    <a role="button" class="btn btn-default" href="{% url 'storage:add_data' %}">
                                        <i class="fa fa-plus"></i>{% trans 'Add New' %}
                                    </a>
                                </span>
                            </div>
                            <div class="sort">
                                <ul class="list-inline">
                                    <li><a role="button" id="data-time-forward" title="{% trans 'Ascending' %}"><i class="fa fa-sort-amount-asc"></i></a></li>
                                    <li><a role="button" id="data-time-reverse" title="{% trans 'Descending' %}"><i class="fa fa-sort-amount-desc"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div id="dm-scope"></div>
                        <div id="dm-pagination-scope" class="text-center"></div>
                    </div>
                    <div id="templates" class="tab-pane">
                      <div class="horizontal statistic small">
                            <div id="template-count" class="value">0</div>
                            <div class="label">{% trans 'Results' %}</div>
                            <div class="text-right add-ds">
                                <span class="btn-group">
                                    <a role="button" class="btn btn-default" href="{% url 'storage:template' %}">
                                        <i class="fa fa-plus"></i>{% trans 'Add New' %}
                                    </a>
                                </span>
                            </div>
                            <div class="sort">
                                <ul class="list-inline">
                                    <li><a role="button" id="template-time-forward" title="{% trans 'Ascending' %}"><i class="fa fa-sort-amount-asc"></i></a></li>
                                    <li><a role="button" id="template-time-reverse" title="{% trans 'Descending' %}"><i class="fa fa-sort-amount-desc"></i></a></li>
                                </ul>
                            </div>
                        </div>
                      <div id="t-scope"></div>
                      <div id="t-pagination-scope" class="text-center"></div>
                    </div>
                    <div id="dataset" class="tab-pane">
                        <div class="horizontal statistic small">
                            <div id="dataset-count" class="value">0</div>
                            <div class="label">{% trans 'Results' %}</div>
                            <div class="text-right add-ds">
                                <span class="btn-group">
                                    <a role="button" class="btn btn-default" href="{% url 'storage:upload_dataset' %}">
                                        <i class="fa fa-upload"></i>{% trans 'Upload' %}
                                    </a>
                                </span>
                            </div>
                            <div class="sort">
                                <ul class="list-inline">
                                    <li><a role="button" id="dataset-time-forward" title="{% trans 'Ascending' %}"><i class="fa fa-sort-amount-asc"></i></a></li>
                                    <li><a role="button" id="dataset-time-reverse" title="{% trans 'Descending' %}"><i class="fa fa-sort-amount-desc"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div id="ds-scope"></div>
                        <div id="ds-pagination-scope" class="text-center"></div>
                    </div>
                </div>{# tab-content #}
                </div>{# profile-content #}
            </div>{# col-9 #}
        </div>{# content row #}
    </div>{# content #}

</div>{# container #}
{% endblock %}


{% block pageFootExtra %}
{#    <script src="{% static 'js/accounts/my_data.js' %}"></script>#}
    <script src="{% static 'js/vendor/bootstrap-paginator.js' %}"></script>
    <script src="{% static 'js/vendor/formValidation.min.js' %}"></script>
    <script src="{% static 'js/vendor/formValidation.bootstrap.min.js' %}"></script>
    <link href="https://cdn.bootcss.com/croppie/2.5.1/croppie.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/croppie/2.5.1/croppie.min.js"></script>

    <script src="{% static 'js/storage/settings.js' %}"></script>
    <script src="{% static 'js/storage/my-data.js' %}"></script>
{#    <script src="{% static 'js/storage/dataset.js' %}"></script>#}
{% endblock %}
